<html>
    <head>
        <style type="text/css">
            #map-container {
                padding: 6px;
                border-width: 1px;
                border-style: solid;
                border-color: #ccc #ccc #999 #ccc;
                -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
                -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
                box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
                width: 800px;
            }

            #map {
                width: 800px;
                height: 400px;
            }
        </style>
        <script type="text/javascript" src="http://www.google.com/jsapi"></script>
        <script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer_compiled.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script type="text/javascript" src="BloggerMaps.js"></script>
    </head>
    <body>
        <div id="demo"></div>
        <div id="map-container">
           <div id="map"></div>
        </div>
    </body>
</html>